<%@ include file="/common/taglibs.jsp"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
 <%@ taglib uri="http://ajaxtags.org/tags/ajax" prefix="ajax" %>

<html>
<head>
<script type="text/javascript"	src="${pageContext.request.contextPath}/js/gestorAjax.js"></script>
<script type="text/javascript"	src="${pageContext.request.contextPath}/js/AtssefGrid.js"></script>
<script type="text/javascript"	src="${pageContext.request.contextPath}/js/AtssefCBX.js"></script>
<script type="text/javascript"	src="${pageContext.request.contextPath}/js/util.js"></script>
<script type="text/javascript"	src="${pageContext.request.contextPath}/js/AtssefValidadorForm.js"></script>

<title>Insert title here</title>

<script type="text/javascript">
var f = new Date();
var dia=f.getDate();
if (dia <10){
	dia="0"+dia;
}
var mes = f.getMonth() +1;
if (mes <10){
	mes="0"+mes;
}
var fechaActual=dia + "/" + (mes) + "/" + f.getFullYear();
$(document).ready(function() {
	$("#fechaAutorizado").attr("value",fechaActual);	
	$("#fechaAutorizadoHide").attr("value",fechaActual);
	
});

</script>

<script type="text/javascript">
/***************GLOBALES**********************************************/

/***************combobox AtssefCBX****************/
var VALUE_INI_CBX = "0";
var TEXT_INI_CBX = "----seleccionar----";
/***************combobox AtssefCBX****************/
 
/* objetos AJAX*/
var objXHR58890;//COMBOBOX RESULTADOS
var objXHR58891;//COMBOBOX PROGRAMA 
var objXHR58892;//COMBOBOX MODALIDAD FINANCIERA
/* fin objetos AJAX*/
 
var filtroBusqueda;
var programaID;
var opcionBusqueda;

/* objetos de AtssefCBX */
var objCBXTipoMoneda;
var objCBXEstadosDesembolso;
var objCBXPrograma;
var objCBXModalidadFinan;
/* fin objetos de AtssefCBX */


/* objetos de AtssefGrid */
var objGRIDSolicitudesDesembolso;
var objGRIDDetalleDesembolso;
/* objetos de AtssefGrid */


var arraySolicitudesDesembolso = new Array();
var objInnerDesembolso;
var arrayEstadosDesembolso = new Array();
var arrayTipoMoneda = new Array();

var arrayPrograma=new Array();
var arrayModalidadFinan = new Array();
	
/***************FIN GLOBALES**********************************************/

/***************COMBOBOX RESULTADOS**********************************************/
	
	function cargarDataCBXResultados(){
		objXHR25869 = new ObjetoAJAX();
		objXHR25869.enviar("cargarCBXResultado.jspx","post","llenarDataCBXResultado",null);
	}
	function llenarDataCBXResultado(){
		arrayResultados=JSON.parse(objXHR25869.respuestaTexto());
		//alert(JSON.stringify(arrayResultados));
		rederizarCBXResultados();
	}
	function rederizarCBXResultados(){
		objCBXResultados = new AtssefCBX({
						  AttributeCBX : { id:"cbxResultado" , name:"cbxResultado" , style:"width:320px"},
	                      AttributeOPIni : { value: VALUE_INI_CBX , text: TEXT_INI_CBX},
						  dataCBX : arrayResultados,
						  IDContenedor : "div_cbxResultado",
						  funcionCBX : {
										onchange:{estado:"1", funcion:"cargarDataCBXActividades();"}
						               }
	                     });		
	}
	
/***************FIN COMBOBOX RESULTADOS**********************************************/



/***************GRILLA LISTADO DE SOLICITUDES DE DESEMBOLSO*****************/
 
function renderizarGrillaSolicitudesDesembolso(){
	objGRIDSolicitudesDesembolso = new AtssefGrid({
	 "cabecera":["Proyecto"
	             ,"Periodo"
	             ,"Version Desemb."	            
	             ],
	 "campos_cabecera":[
						{name:"nombreProyecto"},
						{name:"periodo"},
						{name:"versionDePeriodo"}			
					   ],
	 "arrayDataTabla":arraySolicitudesDesembolso,
	 "id_contenedor":"grillaSolicitudesDesembolso",
	 "atributos_tabla":{ width:"100%",
	                     align:"left",
						 class:"table-clasico"
	                    },
	 "titulo_tabla":{estado:"si",titulo:"Desembolsos por evaluar"},
	 "campos_extra_tabla":{
							"detalle":{estado:"no",titulo:"Estado",textoCampo:"Estado",funcionDetalle:"cargarDesembolsoDetalle();"},
						    "eliminarFila":{estado:"no",funcionEliminarFila:"eliminarBanco();"},
							"detalleDinamicoEstDesembolso":{estado:"si",titulo:"Estado",funcionDetalleDinamicoEstDesembolso:"cargarDesembolsoDetalle();"}
	                      },
	 "numeracion":"si",
	 "objTabla":"objGRIDSolicitudesDesembolso",
	 "estiloTabla":[{"tablaCebra":"no",
	                 "color":{filaPar:"#BBBBBB",filaImpar:"#D4D4D4",filaOver:"#DEB87F",filaSel:"brown"}
					},
					{"funcion":{apuntarOverOut:"no",sel:"no"}}
				   ],	   
	 "paginacionTabla":{"pagTabla":"no","paginado":10},
	 "espacio_entre_paginacion_gestion":19,
	 "gestionDatos":{		
		                    "gestion":"no",
	                        "agregar":"si",
							"modificar":"si",
							"eliminar":"si"
	                     },
	 "alineacion_de_paginacion_gestion":"right"
	 
	});
	}


/***************FIN GRILLA LISTADO DE SOLICITUDES DE DESEMBOLSO*****************/


/*****************DETALLE SOLICITUDES DE DESEMBOLSO **********************/
function ocultarDetalleDesembolso(){
	$("#div_detalleDesembolso").hide();
}

function mostrarDetalleDesembolso(){
	$("#div_detalleDesembolso").show('slow');
}

function cargarDesembolsoDetalle(){
	objInnerDesembolso = new Object();
	objInnerDesembolso = JSON.parse(objGRIDSolicitudesDesembolso.getObjSeleccionado());
	console.log("DETALLE DESEMBOLSO POR EVALUAR ::: "+JSON.stringify(objInnerDesembolso));
	
	document.getElementById("span_nombreProy").innerHTML=objInnerDesembolso.nombreProyecto;
	document.getElementById("span_verPlanOpe").innerHTML=objInnerDesembolso.verPlanOperativo;
	document.getElementById("span_ejecutor").innerHTML=objInnerDesembolso.ejecutor;
	document.getElementById("span_periodo").innerHTML=objInnerDesembolso.periodo;
	document.getElementById("span_versionPeriodo").innerHTML=objInnerDesembolso.versionDePeriodo;
	document.getElementById("span_tipoDesembolso").innerHTML=objInnerDesembolso.tipoDesembolsoDesc;
	//document.getElementById("span_tipoCambio").innerHTML=objInnerDesembolso.tipoCambio;
	document.getElementById("span_montoSolicitado").innerHTML=objInnerDesembolso.montoSolicitadoDesc;
	//document.getElementById("span_monedaMontoSol").innerHTML=objInnerDesembolso.tipoMonedaMsDesc;
	//document.getElementById("span_montoAutorizado").innerHTML=objInnerDesembolso.montoAutorizado;
	//document.getElementById("span_monedaMontoAuto").innerHTML=objInnerDesembolso.tipoMonedaMaDesc;
	document.getElementById("span_fuenteFinan").innerHTML=objInnerDesembolso.fuenteFinanciadoraDesc;
	document.getElementById("span_cuentaCorriente").innerHTML=objInnerDesembolso.cuentaCorrienteDesc;
	document.getElementById("span_saldoDesemAnt").innerHTML=objInnerDesembolso.saldoDesembolsoAnterior;
	
	mostrarDetalleDesembolso();
	
	renderizarGrillaDetalleDesembolso( objInnerDesembolso.detalleDesembolso );
	rederizarCBXEstadosDesembolso();
	rederizarCBXTipoMoneda();
	
	document.getElementById("cbxTipoMoneda").value = objInnerDesembolso.fkIdtablaespTipoMoneda;
	deshabilitarCampo("cbxTipoMoneda");
}
/*************FIN DETALLE SOLICITUDES DE DESEMBOLSO**********************/



/***************GRILLA DETALLE DESEMBOLSO*****************/
function renderizarGrillaDetalleDesembolso(arrayDetalleDesembolso){
		objGRIDDetalleDesembolso = new AtssefGrid({
		 "cabecera":["Resultado"
		             ,"Actividad"
		             ,"Periodo"
		             ,"Costo Act."
		             ,"Cant."
		             ,"Monto"
		             ,"Moneda"
		             ],
		 "campos_cabecera":[
							{name:"descResultado"}
							,{name:"descActividad"}
							,{name:"periodo"}
							,{name:"descCostoAct"}
							,{name:"cantidad"}
							,{name:"montoSolicitadoDet"}
							,{name:"tipoMonedaMsDesc"}
							
						   ],
		 "arrayDataTabla":arrayDetalleDesembolso,
		 "id_contenedor":"grillaDetalleDesembolso",
		 "atributos_tabla":{ width:"100%",
		                     align:"left",
		                     class:"table-clasico"
		                    },
		 "titulo_tabla":{estado:"si",titulo:"Detalle solicitud de desembolso"},
		 "campos_extra_tabla":{
								"detalle":{estado:"no",titulo:" ddd",textoCampo:" detalle  ",funcionDetalle:"#"},
							    "eliminarFila":{estado:"no",funcionEliminarFila:"#"},
								"detalleDinamico":{estado:"no",titulo:"Desembolso",textoCampo:"Agregar",funcionDetalleDinamico:"solicitarDesembolsoByCronoCostoAct();"}
		                      },
		 "numeracion":"no",
		 "objTabla":"objGRIDCronogramaCostoActividad",
		 "estiloTabla":[{"tablaCebra":"no",
		                 "color":{filaPar:"#BBBBBB",filaImpar:"#D4D4D4",filaOver:"#DEB87F",filaSel:"brown"}
						},
						{"funcion":{apuntarOverOut:"no",sel:"no"}}
					   ],	   
		 "paginacionTabla":{"pagTabla":"no","paginado":10},
		 "espacio_entre_paginacion_gestion":19,
		 "gestionDatos":{		
			                    "gestion":"no",
		                        "agregar":"si",
								"modificar":"si",
								"eliminar":"si"
		                     },
		 "alineacion_de_paginacion_gestion":"right"
		 
		});
		}
/***************FIN GRILLA DETALLE DESEMBOLSO*****************/






function rederizarCBXTipoMoneda(){
	objCBXTipoMoneda = new AtssefCBX({
					  AttributeCBX : { id:"cbxTipoMoneda" , name:"cbxTipoMoneda" ,style:"width:70px"},
                      AttributeOPIni : { value: VALUE_INI_CBX , text: "---moneda---"},
					  dataCBX : arrayTipoMoneda,
					  IDContenedor : "div_cbxTipoMoneda",
					  funcionCBX : {
									onchange:{estado:"0", funcion:"alert('tipo desem')"}
					               }
                     });		
}

function rederizarCBXEstadosDesembolso(){
	objCBXEstadosDesembolso = new AtssefCBX({
					  AttributeCBX : { id:"cbxEstadoDesembolso" , name:"cbxEstadoDesembolso" ,style:""},
                      AttributeOPIni : { value: VALUE_INI_CBX , text: "--estado---"},
					  dataCBX : arrayEstadosDesembolso,
					  IDContenedor : "div_cbxEstadoDesembolso",
					  funcionCBX : {
									onchange:{estado:"0", funcion:"alert('tipo desem')"}
					               }
                     });		
}



/***************OPCION DE BUSQUEDA*****************/
function cambiarFiltro(){
	opcionBusqueda=document.getElementById("cbxOpBusDesembolso").value;

	if(opcionBusqueda=="1"){ //por nombre de proyecto
		
		$("#div_txtNomProyecto").show('slow');
		document.getElementById("txtNomProyecto").focus();
		$("#div_txtCodigoProyecto").hide();
		/*$("#div_cbxTipoCuenta").hide();
		$("#div_opTextBusProg").show('slow');
		$("#div_txtNomPrograma").show('slow');
		document.getElementById("txtNomPrograma").focus();*/
	}
	else if(opcionBusqueda=="2"){ //por codigo de proyecto
		
		$("#div_txtCodigoProyecto").show('slow');
		document.getElementById("txtCodigoProyecto").focus();
		$("#div_txtNomProyecto").hide();
		/*$("#div_opTextBusProg").show('slow');
		$("#div_cbxModFinan").show('slow');
		document.getElementById("cbxModFinan").focus();*/
	}
	/*else{
		ocultarCamposPrograma();

	}*/
}


function onclick_btnBusDesembolso(){
	var validacion=true;
	
	if(document.getElementById("cbxModalidadFinan").value=="0"){
		alert("Seleccionar modalidad de financiamiento!");
		validacion=false;		
	}else if(document.getElementById("cbxPrograma").value=="0"){
		alert("Seleccionar programa!");
		validacion=false;		
	}else if(document.getElementById("cbxOpBusDesembolso").value=="0"){
		alert("Seleccionar tipo de busqueda!");
		validacion=false;
	}else{
		if(opcionBusqueda=="1"){
			if(document.getElementById("txtNomProyecto").value.trim().length==0){
				alert("ingresar nombre de proyecto!");
				document.getElementById("txtNomProyecto").value="";
				document.getElementById("txtNomProyecto").focus();
				validacion=false;
			}	
		}
		if(opcionBusqueda=="2"){
			if(document.getElementById("txtCodigoProyecto").value.trim().length==0){
				alert("ingresar codigo de proyecto!");
				document.getElementById("txtCodigoProyecto").value="";
				document.getElementById("txtCodigoProyecto").focus();
				validacion=false;
			}	
		}
	}
	
	if(validacion){
		if(opcionBusqueda=="1"){
			filtroBusqueda=document.getElementById("txtNomProyecto").value;
		}else if(opcionBusqueda=="2"){
			filtroBusqueda=document.getElementById("txtCodigoProyecto").value;		
		}
		programaID = document.getElementById("cbxPrograma").value;
		//realizar la peticion
		cargarDataSolicitudDesembolso();
		console.log(" opcionBusqueda :::  filtroBusqueda "+opcionBusqueda + " ::: " +filtroBusqueda);
	}
}
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ""); };

/***************FIN OPCION DE BUSQUEDA*****************/



/***********CARGAR GRILLA SOLICITUDES DESEMBOLSO**********/

function cargarDataSolicitudDesembolso(){
		objXHR58890 = new ObjetoAJAX();
		var url = "buscarDesembolsoPorFiltro.jspx?" +
	    "filtroBusqueda=" + encodeURIComponent( filtroBusqueda )+"&"+
	    "opcionBusqueda=" + encodeURIComponent( opcionBusqueda )+"&"+
		"programaID=" + encodeURIComponent( programaID );
		
		objXHR58890.enviar(url,"get","llenarDataSolicitudDesembolso",null);				
}

function llenarDataSolicitudDesembolso(){
	var arraySolicitudesDesemEstadosDesemb = JSON.parse(objXHR58890.respuestaTexto());
	console.log("arraySolicitudesDesemEstadosDesemb ::: "+ JSON.stringify(arraySolicitudesDesemEstadosDesemb));
	
	arraySolicitudesDesembolso = arraySolicitudesDesemEstadosDesemb[0];
	arrayEstadosDesembolso     = arraySolicitudesDesemEstadosDesemb[1];
	arrayTipoMoneda            = arraySolicitudesDesemEstadosDesemb[2];
	
	renderizarGrillaSolicitudesDesembolso();
	
	if(arraySolicitudesDesembolso.length == 0){
		$("#div_detalleDesembolso").hide();		
	}
}


/*********FIN CARGAR GRILLA SOLICITUDES DESEMBOLSO********/
 
 
/****************VALIDACION Y REGISTRO AUTORIZACION DESEMBOLSO**********************/

function RegistrarAutorizarDesembolso(){
	
	var estado=document.getElementById("cbxEstadoDesembolso").value;// 24:rechazado
	if(estado != 24){
		if(validarFormulario()){
			var montoSolicitado  = parseFloat(objInnerDesembolso.montoSolicitado);
			var montoAutorizado  = parseFloat(document.getElementById("txtMontoAutorizado").value);
			console.log("montos :: montoSolicitado  :: montoAutorizado"+montoSolicitado+" :: "+montoAutorizado);
			if(montoAutorizado > montoSolicitado){
				alert("monto autorizado es mayor a monto solicitado!");
			}else{
				//alert("Registrar!!!");			
				document.getElementById("hiddenDesembolsoID").value = objInnerDesembolso.desembolsoID;
				document.getElementById("aprobDesembolsoForm").submit();
		    	alert("Se registro solicitud de desembolso!");
			}						
		}		
	}else{
		document.getElementById("hiddenDesembolsoID").value = objInnerDesembolso.desembolsoID;
		document.getElementById("aprobDesembolsoForm").submit();
    	alert("Se registro solicitud de desembolso!");		
	}
	
}

function validarFormulario(){
	var objFildsForm = new AtssefValidadorForm([
	                                  		  {valorInicial:"", id:"txtMontoAutorizado", msj:"ingresar monto a autorizar!"},
	                                  		  {valorInicial:"0", id:"cbxTipoMoneda", msj:"seleccionar tipo moneda!"},
	                                  		  {valorInicial:"0", id:"cbxEstadoDesembolso", msj:"selecionar estado desembolso!"}	                                  		
	                                  		  ]);		
	                                  		return objFildsForm.validar();
}

/****************FIN VALIDACION Y REGISTRO AUTORIZACION DESEMBOLSO**********************/
 

/****************COMBOBOX MODALIDAD FINANCIERA**********************/
   
function cargarDataCBXModalidadFinan(){
	  objXHR58892 = new ObjetoAJAX();
	  objXHR58892.enviar("cargarDataCBXModalidadFinan.jspx","post","llenarDataCBXModalidadFinan",null);
	}
	
function llenarDataCBXModalidadFinan(){
	arrayModalidadFinan=JSON.parse(objXHR58892.respuestaTexto());
		//alert(JSON.stringify(arrayModalidadFinan));
		renderizarCBXModalidadFinan();
	}
 
function renderizarCBXModalidadFinan(){
	objCBXModalidadFinan = new AtssefCBX({
					  AttributeCBX : { id:"cbxModalidadFinan" , name:"cbxModalidadFinan" ,style:""},
                      AttributeOPIni : { value: VALUE_INI_CBX , text: "---modalidad---"},
					  dataCBX : arrayModalidadFinan,
					  IDContenedor : "div_cbxModalidadFinan",
					  funcionCBX : {
									onchange:{estado:"1", funcion:"cargarDataCBXPrograma()"}
					               }
                     });		
}
/****************COMBOBOX MODALIDAD FINANCIERA**********************/


/****************COMBOBOX PROGRAMA**********************/
 
function cargarDataCBXPrograma(){
	objXHR58891 = new ObjetoAJAX();
	var url = "cargarDataCBXPrograma.jspx?" +
    "idModFinan=" + encodeURIComponent(objCBXModalidadFinan.getIdAtssefCBX());
	objXHR58891.enviar(url,"get","llenarDataCBXPrograma",null);
	}

function llenarDataCBXPrograma(){
		arrayPrograma=JSON.parse(objXHR58891.respuestaTexto());
		//alert(JSON.stringify(arrayPrograma));
		renderizarCBXPrograma();
	}
 
function renderizarCBXPrograma(){
	objCBXPrograma = new AtssefCBX({
					  AttributeCBX : { id:"cbxPrograma" , name:"cbxPrograma" ,style:""},
                      AttributeOPIni : { value: VALUE_INI_CBX , text: "---programa---"},
					  dataCBX : arrayPrograma,
					  IDContenedor : "div_cbxPrograma",
					  funcionCBX : {
									onchange:{estado:"0", funcion:"alert('tipo desem')"}
					               }
                     });		
}
/****************FIN COMBOBOX PROGRAMA**********************/

 
/***************INICIO**********************************************/

//$(window).load(function() {
$(document).ready(function() {
	
/****************COMBOBOX MODALIDAD FINANCIERA**********************/
	 cargarDataCBXModalidadFinan();
/****************COMBOBOX MODALIDAD FINANCIERA**********************/

/***********OPCIONES DE BUSQUEDA**********/	
	$("#div_txtNomProyecto").hide();	
	$("#div_txtCodigoProyecto").hide();
/***********FIN OPCIONES DE BUSQUEDA**********/

/***********GRILLA SOLICITUDES DESEMBOLSO**********/
	renderizarGrillaSolicitudesDesembolso();	
/**********FIN GRILLA SOLICITUDES DESEMBOLSO*******/

/***********DETALLE SOLICITUDES DESEMBOLSO**********/
	ocultarDetalleDesembolso();
/***********DETALLE SOLICITUDES DESEMBOLSO**********/
});

/***************FIN INICIO**********************************************/

</script>

</head>
<body>


<form method="post" action="registrarAutoDesembolso.jspx" class="form-clasico" accept-charset="UTF-8" id="aprobDesembolsoForm">
<div class="encabezado">AUTORIZAR DESEMBOLSO</div>
		<br>
  <div id="desembolsosEvaluar_div">
    
  		<fieldset>
  			<legend>DESEMBOLSOS POR EVALUAR</legend>
  			<input type="hidden" id="ruta" name="ruta" style="width: 550px;" value="Esta es la ruta: ${ruta }" >
                <table width="100%" >
                	<tr>
						<td  style="text-align: right; width: 25%;">
						    <label>Modalidad Financiamiento:</label>
					    </td>
						<td style="text-align: left; width: 25%;">
						    <div id="div_cbxModalidadFinan">
	    					    <select name="cbxModalidadFinan" id="cbxModalidadFinan">
							       <option value="0">----modalidad----</option>
							    </select>
							</div>
	                    </td>
						<td style="text-align: right; width: 25%;">
							<label>Programa:</label>
					    </td>
						<td style="text-align: left; width: 25%;">
							<div id="div_cbxPrograma">
	    					    <select name="cbxPrograma" id="cbxPrograma">
							       <option value="0">----programa----</option>
							    </select>
							</div>
						</td>
			    	</tr>	                
					<tr>
						<td style="text-align: right; width: 25%;">
						    <label>Buscar por:</label>
					    </td>
						<td style="text-align: left; width: 25%;">
						    <div id="div_cbxOpBusDesembolso">
	    					    <select name="cbxOpBusDesembolso" id="cbxOpBusDesembolso" onchange="cambiarFiltro()">
							       <option value="0">----seleccionar----</option>
							       <option value="1">Por nombre proyecto</option>
							       <option value="2">Por codigo proyecto</option>
							    </select>
							</div>
	                    </td>
	                    <td style="width: 25%;"></td>
	                    <td style="text-align: left; width: 25%;">
							<input type="button" name="btnBusProg" id="btnBusProg" value="Buscar" onclick="onclick_btnBusDesembolso()" size="20px"/>
						</td>
	                    </tr>
	                    <tr>
	                    <td style="width: 25%;"></td>
						<td colspan="3" style="width: 75%;text-align: left;">
						    <div id="div_txtNomProyecto">
				    			<textarea id="txtNomProyecto" name="txtNomProyecto" style="width: 95%;"></textarea>
				 			</div>
				 			<div id="div_txtCodigoProyecto">
				    			<input type="text" id="txtCodigoProyecto" name="txtCodigoProyecto" style="width: 95%;"/>
				 			</div>
					    </td>
						
			    	</tr>		
				</table>
				 <br />
     		<fieldset id="grillaSolicitudesDesembolso" style="margin:auto;border:none;" >Error</fieldset>

  		</fieldset>      
  		
  		<br/>
  		
  		<div id="div_detalleDesembolso">
	    <fieldset>
			  <legend>Detalle de Solicitudes de Desembolso</legend>    
	   		 
	   		 <table align="right"><tr><td align="right"><input type="button" value="Cerrar" onclick="ocultarDetalleDesembolso();"/>
	   		 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td></tr></table><br />
	     	 
	     	 <table width="100%" border="0px">
	     	 
	     	 	<tr>
					<td style="text-align: right; width: 25%;"><label>Nombre Proyecto:</label>
				    </td>
				    
					<td colspan="3" style="text-align: left; width: 75%;">
					    <span id="span_nombreProy"></span>
                    </td>
			    </tr>
	     	 
	     	 
	     	 	<tr>
					<td style="text-align: right; width: 25%;"><label>Version plan Operativo:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_verPlanOpe"></span>
                    </td>
					
					<td style="text-align: right; width: 25%;"><label>Ejecutor:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
						<span id="span_ejecutor"></span>
					</td>					
			    </tr>
			    
				<tr>
					<td style="text-align: right; width: 25%;"><label>Periodo:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_periodo"></span>
                    </td>
					
					<td style="text-align: right; width: 25%;"><label>Version Desembolso:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
						<span id="span_versionPeriodo"></span>
					</td>					
			    </tr>
				
				<tr>
					<td style="text-align: right; width: 25%;"><label>Tipo Desembolso:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_tipoDesembolso"></span>
                    </td>
					
					<td style="text-align: right; width: 25%;"><label>Monto Autorizado:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					  <div>  
					    <div style="float:left;">
					    	<input style="width:80px" name="txtMontoAutorizado" id="txtMontoAutorizado" type="text" maxlength="8" onkeypress="javascript:return Valida_Dato(event,8);"/> &nbsp;
						</div>
						<div id="div_cbxTipoMoneda" >
							<select name="cbxTipoMoneda" id="cbxTipoMoneda" style="width:70px">
								<option value="0">---moneda---</option>
						    </select>
					    </div>
					    </div>																	
					</td>					
			    </tr>
			    
                <tr>
                
					<td style="text-align: right; width: 25%;"><label>Monto Solicitado:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_montoSolicitado"></span>
                    </td>
					
					<td style="text-align: right; width: 25%;"><label>Cuenta Corriente:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">						
						<span id="span_cuentaCorriente"></span>
					</td>					
			    </tr>
			    <tr>              
					<td style="text-align: right; width: 25%;"><label>Fuente Financiadora:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_fuenteFinan"></span>
                    </td>
					
					<td  style="text-align: right; width: 25%;"><label>Estado Desembolso:</label>
				    </td>
				    
					<td  style="text-align: left; width: 25%;">
						    <div id="div_cbxEstadoDesembolso">
							<select name="cbxEstadoDesembolso" id="cbxEstadoDesembolso">
								<option value="0">---estado---</option>
						    </select>
					    </div>
					</td>										
			    </tr>	
			    <tr>              
					<td  style="text-align: right; width: 25%;"><label>Saldo Desembolso Anterior:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
					    <span id="span_saldoDesemAnt"></span>
                    </td>
					<td  style="text-align: right; width: 25%;"><label>Fecha de Autorizacion:</label>
				    </td>
				    
					<td style="text-align: left; width: 25%;">
						<input type="text"
							name="fechaAutorizado" maxlength="0" style="width: 90px;"
							id="fechaAutorizado" disabled="disabled"
							onkeypress="javascript:return Valida_Dato(event,7);" /><label>(dd/mm/aaaa)</label>
					    <input type="hidden" id="fechaAutorizadoHide" name="fechaAutorizadoHide">
                    </td>		
			    </tr>
			    
			    <tr>
				    <td colspan="4" style="text-align: right; width: 100%;">
                        <input type="button" id="btnGrabarAutorizacionDesembolso" value="Grabar Autorizacion" onclick="RegistrarAutorizarDesembolso();"/>
				    </td>
				  </tr>
			    		    			
			  </table>	
			   <br />
     		<fieldset id="grillaDetalleDesembolso" style="margin:auto;border:none;" >Error</fieldset>
			  
	    </fieldset>
    </div>   
    <br />
 </div>
 <input type="hidden" id="hiddenDesembolsoID" name="hiddenDesembolsoID" value="${perfilUsuario}">
</form>
<input type="hidden" id="hiddenPerfilUsuario" name="hiddenPerfilUsuario" value="${perfilUsuario}">
<input type="hidden" id="hiddenPeriodoProyecto" name="hiddenPeriodoProyecto" value="${periodoProyecto}">
</body>
</html>